﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.1圈子 推荐</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_1圈子_推荐/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/3_1圈子_推荐/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u1980" class="ax_default" data-left="67" data-top="76" data-width="433" data-height="886">

        <!-- Unnamed (矩形) -->
        <div id="u1981" class="ax_default _默认样式">
          <div id="u1981_div" class=""></div>
          <div id="u1981_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1982" class="ax_default _默认样式">
          <img id="u1982_img" class="img " src="images/2_1首页-精选/u422.svg"/>
          <div id="u1982_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1983" class="ax_default _默认样式">
          <img id="u1983_img" class="img " src="images/2_1首页-精选/u423.svg"/>
          <div id="u1983_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1984" class="ax_default _默认样式">
          <img id="u1984_img" class="img " src="images/2_1首页-精选/u424.svg"/>
          <div id="u1984_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1985" class="ax_default _默认样式">
          <img id="u1985_img" class="img " src="images/2_1首页-精选/u425.svg"/>
          <div id="u1985_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1986" class="ax_default box_1">
        <div id="u1986_div" class=""></div>
        <div id="u1986_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1987" class="ax_default label">
        <div id="u1987_div" class=""></div>
        <div id="u1987_text" class="text ">
          <p><span>报名表单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1988" class="ax_default box_1">
        <div id="u1988_div" class=""></div>
        <div id="u1988_text" class="text ">
          <p><span>南苑Life+</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1989" class="ax_default" data-left="374" data-top="152" data-width="80" data-height="30">

        <!-- Unnamed (矩形) -->
        <div id="u1990" class="ax_default box_1">
          <div id="u1990_div" class=""></div>
          <div id="u1990_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u1991" class="ax_default box_1">
          <img id="u1991_img" class="img " src="images/1_1开屏页/u256.svg"/>
          <div id="u1991_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u1992" class="ax_default box_1">
          <img id="u1992_img" class="img " src="images/1_1开屏页/u257.svg"/>
          <div id="u1992_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1993" class="ax_default box_1">
          <img id="u1993_img" class="img " src="images/1_1开屏页/u258.svg"/>
          <div id="u1993_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1994" class="ax_default _默认样式">
        <div id="u1994_div" class=""></div>
        <div id="u1994_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u1995" class="ax_default text_field disabled">
        <div id="u1995_div" class="disabled"></div>
        <input id="u1995_input" type="text" value="&nbsp;&nbsp; &nbsp;&nbsp; " class="u1995_input" disabled/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1996" class="ax_default _图片_">
        <img id="u1996_img" class="img " src="images/2_1首页-精选/u435.png"/>
        <div id="u1996_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1997" class="ax_default _图片_">
        <img id="u1997_img" class="img " src="images/2_1首页-精选/u435.png"/>
        <div id="u1997_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1998" class="ax_default box_1">
        <div id="u1998_div" class=""></div>
        <div id="u1998_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1999" class="ax_default label">
        <div id="u1999_div" class=""></div>
        <div id="u1999_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2000" class="ax_default label">
        <div id="u2000_div" class=""></div>
        <div id="u2000_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2001" class="ax_default label">
        <div id="u2001_div" class=""></div>
        <div id="u2001_text" class="text ">
          <p><span>创建</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2002" class="ax_default label">
        <div id="u2002_div" class=""></div>
        <div id="u2002_text" class="text ">
          <p><span>搜索你感兴趣的圈子</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2003" class="ax_default label">
        <div id="u2003_div" class=""></div>
        <div id="u2003_text" class="text ">
          <p><span>爱读书</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2004" class="ax_default label">
        <div id="u2004_div" class=""></div>
        <div id="u2004_text" class="text ">
          <p><span>成员 563</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2005" class="ax_default label">
        <div id="u2005_div" class=""></div>
        <div id="u2005_text" class="text ">
          <p><span>帖子 67</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2006" class="ax_default line">
        <img id="u2006_img" class="img " src="images/3_1圈子_推荐/u2006.svg"/>
        <div id="u2006_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2007" class="ax_default _图片_">
        <img id="u2007_img" class="img " src="images/3_1圈子_推荐/u2007.png"/>
        <div id="u2007_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2008" class="ax_default line">
        <img id="u2008_img" class="img " src="images/3_1圈子_推荐/u2008.svg"/>
        <div id="u2008_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2009" class="ax_default box_1">
        <div id="u2009_div" class=""></div>
        <div id="u2009_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2010" class="ax_default line">
        <img id="u2010_img" class="img " src="images/3_1圈子_推荐/u2008.svg"/>
        <div id="u2010_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2011" class="ax_default label">
        <div id="u2011_div" class=""></div>
        <div id="u2011_text" class="text ">
          <p><span>考研</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2012" class="ax_default label">
        <div id="u2012_div" class=""></div>
        <div id="u2012_text" class="text ">
          <p><span>成员 162</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2013" class="ax_default label">
        <div id="u2013_div" class=""></div>
        <div id="u2013_text" class="text ">
          <p><span>帖子 78</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2014" class="ax_default line">
        <img id="u2014_img" class="img " src="images/3_1圈子_推荐/u2006.svg"/>
        <div id="u2014_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2015" class="ax_default box_1">
        <div id="u2015_div" class=""></div>
        <div id="u2015_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2016" class="ax_default line">
        <img id="u2016_img" class="img " src="images/3_1圈子_推荐/u2008.svg"/>
        <div id="u2016_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2017" class="ax_default label">
        <div id="u2017_div" class=""></div>
        <div id="u2017_text" class="text ">
          <p><span>美妆</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2018" class="ax_default label">
        <div id="u2018_div" class=""></div>
        <div id="u2018_text" class="text ">
          <p><span>成员 356</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2019" class="ax_default label">
        <div id="u2019_div" class=""></div>
        <div id="u2019_text" class="text ">
          <p><span>帖子 145</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2020" class="ax_default line">
        <img id="u2020_img" class="img " src="images/3_1圈子_推荐/u2006.svg"/>
        <div id="u2020_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2021" class="ax_default box_1">
        <div id="u2021_div" class=""></div>
        <div id="u2021_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2022" class="ax_default line">
        <img id="u2022_img" class="img " src="images/3_1圈子_推荐/u2008.svg"/>
        <div id="u2022_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2023" class="ax_default label">
        <div id="u2023_div" class=""></div>
        <div id="u2023_text" class="text ">
          <p><span>旅游</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2024" class="ax_default label">
        <div id="u2024_div" class=""></div>
        <div id="u2024_text" class="text ">
          <p><span>成员 678</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2025" class="ax_default label">
        <div id="u2025_div" class=""></div>
        <div id="u2025_text" class="text ">
          <p><span>帖子 234</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2026" class="ax_default line">
        <img id="u2026_img" class="img " src="images/3_1圈子_推荐/u2006.svg"/>
        <div id="u2026_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2027" class="ax_default box_1">
        <div id="u2027_div" class=""></div>
        <div id="u2027_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2028" class="ax_default line">
        <img id="u2028_img" class="img " src="images/3_1圈子_推荐/u2008.svg"/>
        <div id="u2028_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2029" class="ax_default label">
        <div id="u2029_div" class=""></div>
        <div id="u2029_text" class="text ">
          <p><span>羽毛球</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2030" class="ax_default label">
        <div id="u2030_div" class=""></div>
        <div id="u2030_text" class="text ">
          <p><span>成员 757</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2031" class="ax_default label">
        <div id="u2031_div" class=""></div>
        <div id="u2031_text" class="text ">
          <p><span>帖子 356</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2032" class="ax_default line">
        <img id="u2032_img" class="img " src="images/3_1圈子_推荐/u2006.svg"/>
        <div id="u2032_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2033" class="ax_default box_1">
        <div id="u2033_div" class=""></div>
        <div id="u2033_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2034" class="ax_default line">
        <img id="u2034_img" class="img " src="images/3_1圈子_推荐/u2008.svg"/>
        <div id="u2034_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2035" class="ax_default _图片_">
        <img id="u2035_img" class="img " src="images/3_1圈子_推荐/u2035.png"/>
        <div id="u2035_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2036" class="ax_default _图片_">
        <img id="u2036_img" class="img " src="images/3_1圈子_推荐/u2036.png"/>
        <div id="u2036_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2037" class="ax_default _图片_">
        <img id="u2037_img" class="img " src="images/3_1圈子_推荐/u2037.png"/>
        <div id="u2037_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2038" class="ax_default _图片_">
        <img id="u2038_img" class="img " src="images/3_1圈子_推荐/u2038.png"/>
        <div id="u2038_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2039" class="ax_default icon">
        <img id="u2039_img" class="img " src="images/3_1圈子_推荐/u2039.svg"/>
        <div id="u2039_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2040" class="ax_default _文本段落">
        <div id="u2040_div" class=""></div>
        <div id="u2040_text" class="text ">
          <p><span>1.导航栏右上角为“私聊”按键，点击进入【3.5私聊页】</span></p><p><span>2.点击“搜索栏”可以可以进入【3.3搜索页】，对感兴趣的内容进行搜索</span></p><p><span>3.点击“创建”按钮可进行圈子创建，跳转到【3.7创建圈子】页面</span></p><p><span>4.点击圈子，可以进入查看圈子咨询内容，跳转到【3.4圈子咨询】</span></p><p><span>5.点击关注按钮，可以关注该圈子，实时接收圈子更新的最新内容</span></p>
        </div>
      </div>

      <!-- 顶部标签 (组合) -->
      <div id="u2041" class="ax_default" data-label="顶部标签" data-left="109" data-top="107" data-width="345" data-height="30">

        <!-- Unnamed (组合) -->
        <div id="u2042" class="ax_default" data-left="386" data-top="115" data-width="68" data-height="14">

          <!-- Unnamed (形状) -->
          <div id="u2043" class="ax_default icon">
            <img id="u2043_img" class="img " src="images/1_1开屏页/u266.svg"/>
            <div id="u2043_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2044" class="ax_default icon">
            <img id="u2044_img" class="img " src="images/1_1开屏页/u267.svg"/>
            <div id="u2044_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2045" class="ax_default icon">
            <img id="u2045_img" class="img " src="images/1_1开屏页/u268.svg"/>
            <div id="u2045_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- 时间 (组合) -->
        <div id="u2046" class="ax_default" data-label="时间" data-left="109" data-top="107" data-width="76" data-height="30">

          <!-- clocktext (矩形) -->
          <div id="u2047" class="ax_default label" data-label="clocktext">
            <div id="u2047_div" class=""></div>
            <div id="u2047_text" class="text ">
              <p><span>文本标签</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2048" class="ax_default" data-left="109" data-top="107" data-width="76" data-height="30">

            <!-- loopPanel (动态面板) -->
            <div id="u2049" class="ax_default" data-label="loopPanel">
              <div id="u2049_state0" class="panel_state" data-label="State1" style="">
                <div id="u2049_state0_content" class="panel_state_content">
                </div>
              </div>
              <div id="u2049_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u2049_state1_content" class="panel_state_content">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
